{% extends 'base.html' %}

{% block title %}日志信息查看页面{% endblock %}

{% block content %}
    <style>
      .text-info {
            color: #17a2b8; /* 浅蓝色，可按需调整 */
        }
      .text-warning {
            color: #ffc107; /* 黄色，可按需调整 */
        }
      .text-danger {
            color: #dc3545; /* 红色，可按需调整 */
        }
    </style>
    <div class="container">
        <h1 class="mb-4">系统日志信息</h1>
        <table class="table table-striped"> <!-- 使用Bootstrap的表格样式，使其更美观 -->
            <thead>
                <tr>
                    <th>时间</th>
                    <th>级别</th>
                    <th>消息</th>
                </tr>
            </thead>
            <tbody>
                {% for log in log_data %}
                    <tr class="{% if log.level == 'INFO' %}text-info{% elif log.level == 'WARNING' %}text-warning{% elif log.level == 'ERROR' %}text-danger{% endif %}">
                        <td>{{ log.time }}</td>
                        <td>{{ log.level }}</td>
                        <td>{{ log.message }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock %}